<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mask</title>
<link href="../hc.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../hc.js"></script>
<script type="text/javascript" src="../mask.js"></script>
</head>

<body>
<div id="testa1" style='width:220px;height:120px;display:block;background:#cdabef;'>
	<select id="seltest1">
		<option value="a" selected="selected">test1</option>
		<option value="b">test1</option>
	</select>
	<textarea>test test</textarea>
</div>
<div id='testa2' style='width:230px;height:130px;display:block;background:#efabcd;'>
	<select id="seltest2">
		<option value="a" selected="selected">test2</option>
		<option value="b">test2</option>
	</select>
	<textarea>test2 test2</textarea>
</div>
<div id='overlay' style='position:relative;top:200px;left:200px;z-index:3000;'>
	<input type="button" value="on" onclick="mask.on$();" />
	<input type="button" value="off" onclick="mask.off$();" />
	<input type="button" value="70%" onclick="mask.opacity$(70);" />
	<input type="button" value="30%" onclick="mask.opacity$(30);" />
	<input type="button" value="red" onclick="mask.color$('red');" />
	<input type="button" value="green" onclick="mask.color$('green');" />
	<input type="button" value="test1" onclick="mask.maskit$('testa1');" />
	<input type="button" value="test2" onclick="mask.maskit$('testa2');" />
</div>
<script type="text/javascript">
//<![CDATA[
//var mask=new mask$();
def('mask','mask$',{id:'zz-masker',opacity:60});
//]]>
</script>
</body>
</html>